<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>个人中心</title>
<link href="bootstrapusers/css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="bootstrapusers/js/jquery-1.11.0.min.js"></script>
<!-- Custom Theme files -->
<link href="bootstrapusers/css/style.css" rel="stylesheet" type="text/css" media="all"/>
<link href="bootstrapusers/css/style1.css" rel="stylesheet" type="text/css" media="all" />	
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript">addEventListener("load", function() {
	setTimeout(hideURLbar, 0);
}, false);

function hideURLbar() {
	window.scrollTo(0, 1);
}</script>
<!--Google Fonts-->
<link href='http://fonts.googleapis.com/css?family=Hind:400,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Aladin' rel='stylesheet' type='text/css'>
<!--google fonts-->
<!-- animated-css -->
		<link href="bootstrapusers/css/animate.css" rel="stylesheet" type="text/css" media="all">
		<link href="bootstrapusers/css/bootstrap.min.css" rel="stylesheet">
        <link href="bootstrapusers/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Custom styles for this template -->
        <link href="bootstrapusers/css/style2.css" rel="stylesheet">
        <link href="bootstrapusers/fonts/antonio-exotic/stylesheet.css" rel="stylesheet">
        <link rel="stylesheet" href="bootstrapusers/css/lightbox.min.css">
        <link href="bootstrapusers/css/responsive.css" rel="stylesheet">
        <script src="bootstrapusers/js/jquery.min.js" type="text/javascript"></script>
       <!-- <script src="js/bootstrap.min.js" type="text/javascript"></script>-->
        <script src="bootstrapusers/js/lightbox-plus-jquery.min.js" type="text/javascript"></script>
        <script src="bootstrapusers/js/instafeed.min.js" type="text/javascript"></script>
        <script src="bootstrapusers/js/custom.js" type="text/javascript"></script>
		<script src="bootstrapusers/js/wow.min.js"></script>
		<script>new WOW().init();</script>
<!-- animated-css -->
<script src="bootstrapusers/js/bootstrap.min.js"></script>
</head>
<body>
<!--header-top start here-->
<%@ include file="header.jsp" %>
<!--header end here-->
<!--services strat here-->
<div class="services">
	<div class="container">
		<div class="services-man">
			<div class="services-top">
				<h1>个人中心</h1>				
			</div>
			<div class="services-bottom wow slideInLeft" data-wow-delay="0.3s">
				<div class="col-md-4 services-grid">				
					<div class="item item-type-move">
						<a class="item-hover" href="single.jsp">						
							<div class="item-info">
								<div class="headline">
									Our Rooms
									<div class="line"> </div>
								</div>
								<div class="date">February 29, 2016</div>							
							</div>
							<div class="mask"> </div>
					    </a>
						<div class="item-img">
								<img src="bootstrapusers/images/s1.jpg" class="img-responsive" alt="">
						</div>
					</div>
					<div class="clearfix"> </div>
					<div class="ser-text">
						<h4>On the other hand</h4>
						<p>On the other hand, we denounce with righteous indignation and dislike men</p>
					</div>
				</div>
				<div class="col-md-4 services-grid">				
					<div class="item item-type-move">
						<a class="item-hover" href="single.jsp">						
							<div class="item-info">
								<div class="headline">
									Our Rooms
									<div class="line"> </div>
								</div>
								<div class="date">February 29, 2016</div>							
							</div>
							<div class="mask"> </div>
					    </a>
						<div class="item-img">
								<img src="bootstrapusers/images/s2.jpg" class="img-responsive" alt="">
						</div>
					</div>
					<div class="clearfix"> </div>
					<div class="ser-text">
						<h4>Sed  perspiciatis</h4>
						<p>On the other hand, we denounce with righteous indignation and dislike men</p>
					</div>
				</div>
				<div class="col-md-4 services-grid">
					<div class="item item-type-move">
						<a class="item-hover" href="single.jsp">						
							<div class="item-info">
								<div class="headline">
									Our Rooms
									<div class="line"> </div>
								</div>
								<div class="date">February 29, 2016</div>							
							</div>
							<div class="mask"> </div>
					    </a>
						<div class="item-img">
								<img src="bootstrapusers/images/s3.jpg" class="img-responsive" alt="">
						</div>
					</div>
					<div class="clearfix"> </div>
					<div class="ser-text">
						<h4>On the other hand</h4>
						<p>On the other hand, we denounce with righteous indignation and dislike men</p>
					</div>
				</div>			
			  <div class="clearfix"> </div>
			</div>
		</div>
	</div>
</div>
<!--services end here-->
<!--services strip start here-->
<div class="ser-strip">
	<div class="container">
		<div class="ser-strip-main wow rollIn" data-wow-delay="0.3s">
			   <h2>Nemo enim ipsam</h2>
			   <p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur.</p>
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<!--services strip end here-->
<!--features strat here-->
<div class="features">
	<div class="container">
		<div class="features-main">
			<div class="features-top wow slideInLeft" data-wow-delay="0.3s">
				<h3>Our Features</h3>
				<h4>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae</h4>
			</div>
			<div class="features-bottom wow slideInRight" data-wow-delay="0.3s">
				<div class="col-md-3 featur-grid">
					<h4>Temporibus autem quibusdam</h4>
					<ul>
						<li><a href="#">Temporibus autem quibusdam</a></li>
						<li><a href="#">But I must explain office you</a></li>
						<li><a href="#">denouncing pleasure  praising</a></li>
						<li><a href="#">The other denounce with right</a></li>
					</ul>
				</div>
				<div class="col-md-3 featur-grid">
					<h4>Sed ut perspiciatis unde</h4>
					<ul>
						<li><a href="#">But I must explain office you</a></li>
						<li><a href="#">Temporibus autem quibusdam</a></li>
						<li><a href="#">The other denounce with right</a></li>
						<li><a href="#">denouncing pleasure  praising</a></li>
					</ul>
				</div>
				<div class="col-md-3 featur-grid">
					<h4>Nemo enim ipsam voluptatem</h4>
					<ul>
						<li><a href="#">denouncing pleasure  praising</a></li>
						<li><a href="#">The other denounce with right</a></li>
						<li><a href="#">Temporibus autem quibusdam</a></li>
						<li><a href="#">But I must explain to you</a></li>
					</ul>
				</div>
				<div class="col-md-3 featur-grid">
					<h4>Temporibus autem quibusdam</h4>
					<ul>
						<li><a href="#">The other denounce with right</a></li>
						<li><a href="#">denouncing pleasure  praising</a></li>
						<li><a href="#">But I must explain office you</a></li>
						<li><a href="#">Temporibus autem quibusdam</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>

<!--features end here-->
<!--footer start here-->
<%@ include file="footer.jsp" %>
</body>
</html>